<template>
  <div>
    <div id="total">4 评论</div>
    <Item v-for="item in comments" :info="item"></Item>
  </div>
</template>

<script>
  import Item from "./Item.vue"
  export default {
    name: "Comment",
    components:{
      Item
    },
    data(){
      return {
        comments:[
          {avatar:new URL("@/assets/img/comment/commenter-avatar1.webp", import.meta.url),upName:"heiheiheihuhuhei",content:"三连了，👩🏻👩🏻爱你",from:"来自安卓客户端",time:"2020-06-13 18:10"},
          {avatar:new URL("@/assets/img/comment/commenter-avatar2.webp", import.meta.url),upName:"柳湖听风",content:"阿豪，举哥给你配音[doge]",from:"来自安卓客户端",time:"2020-06-13 17:50"},
          {avatar:new URL("@/assets/img/comment/commenter-avatar3.webp", import.meta.url),upName:"紳湿灬",content:"很棒",from:"来自安卓客户端",time:"2020-06-13 17:42"},
          {avatar:new URL("@/assets/img/comment/commenter-avatar3.webp", import.meta.url),upName:"紳湿灬",content:"我感觉用心了 加油",from:"来自安卓客户端",time:"2020-06-13 17:42"}
        ]
      }
    }
  }
</script>

<style scoped>
#total{
  font: 22px "宋体";
}
</style>